/* 移动优先断点系统 */
@custom-media --sm (min-width: 640px);
@custom-media --md (min-width: 768px);
@custom-media --lg (min-width: 1024px);
@custom-media --xl (min-width: 1280px);

/* 容器响应式宽度 */
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;

  @media (--md) {
    max-width: 720px;
  }

  @media (--lg) {
    max-width: 960px;
  }

  @media (--xl) {
    max-width: 1280px;
  }
  
}
/* Swiper 分页器样式 */
.swiper-pagination-bullet {
  background: var(--text-color);
  opacity: 0.5;
}

.swiper-pagination-bullet-active {
  background: var(--primary);
  opacity: 1;
}